<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="MobileOptimized" content="240" /><meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <title>商品列表</title>



    <script src="lib/jquery.min.js" type="text/javascript"></script>

    <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
    <link rel="stylesheet" href="css/swiper-3.2.5.min.css" />
    <link rel="stylesheet" href="css/ectouch.css" />
    <link rel="stylesheet" href="css/search.css" />
    <link rel="stylesheet" href="css/sub.css" />
    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>


    <!--底部-->
    <link rel="stylesheet" href="css/sub.css" />
    <!--自身-->
    <script src="js/goodListNew.js"></script>
    <link rel="stylesheet" href="css/goodListNew.css">


    <script src="js/jquery.min.js"></script>
    <script type="text/javascript" src="lib/swiper-3.2.5.min.js"></script>
    <script type="text/javascript" src="lib/ectouch.js"></script>
    <script type="text/javascript" src="lib/jquery.json.js"></script>
    <script type="text/javascript" src="lib/common.js"></script>
</head>
<body aria-atomic="False" style="background: #ebebeb;">


<div class="con">
    <div class="category-top">
        <div class="headerTop">
            <div>
                <p><b>批发商3</b></p>
            </div>
            <div class="headerTop_b">
                <img src="img/atm.png" style="width: 50px">
                <div class="headerTop_con">
                    <p><img src="img/goodListNew/position.png">&nbsp;&nbsp;港口大道南</p>
                    <p><img src="img/goodListNew/phone.png">&nbsp;&nbsp;12345678961</p>
                </div>
            </div>

        </div>

        <header>
            <section class="search">
                <div class="text-all dis-box j-text-all">
                    <button type="button" class="btn btn-default btn-return" aria-label="Left Align">
                        <a href="javascript:history.back(-1)"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span></a>
                    </button>
                    <div class="box-flex input-text">
                        <input type="text" placeholder="商品搜索" />
                    </div>
                    <img src="img/goodListNew/saoyisao.png" class="saoyisao">
                </div>
            </section>
        </header>
        <div class="menuTab">
            <p class="pcolor">正常分类</p>
            <p>便捷分类</p>
        </div>
    </div>
    <aside>
        <div class="menu-left scrollbar-none" id="sidebar">
            <ul>
                <li  class="active">历史购买</li>
                <li >食品</li>
                <li >玩具</li>
                <li >促销</li>
                <li >分类</li>
            </ul>
        </div>
    </aside>
    <section class="menu-right padding-all j-content">
        <b>当前类别：历史购买</b>
        <ul>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>

        </ul>
    </section>
    <section class="menu-right padding-all j-content">
        <b>当前类别：榄菊蚊香片类</b>
        <ul>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>

        </ul>
    </section>
    <section class="menu-right padding-all j-content">
        <b>当前类别：榄菊蚊香片类</b>
        <ul>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>

        </ul>
    </section>
    <section class="menu-right padding-all j-content">
        <b>当前类别：榄菊蚊香片类</b>
        <ul>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>

        </ul>
    </section>
    <section class="menu-right padding-all j-content">
        <b>当前类别：榄菊蚊香片类</b>
        <ul>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>
            <li class="w-3">
                <img src="img/tp.png" />
                <p>商品20</p>
                <p>1*10</p>
                <p>￥<em>12.5</em></p>
                <button class="specification" data-toggle="modal" data-target="#myModal">选规格</button>
            </li>

        </ul>
    </section>

    <!--底部-->
    <div class="goodListNewFooter">
        <a href="cart.html">
        <img src="img/cart/cart2.png" style="width: 50px;height: 50px">
        </a>
        <p>总计：<span>112.50</span>元，<span>2</span>件</p>
    </div>

</div>


<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title text-center" id="myModalLabel">
                    商品20
                </h4>
            </div>


           <!-- <div class="modal-body">
                <b class="text-left">单位</b>
                <br>
                <div class="btn-group btn-group-justified Unit" role="group" >
                    <div class="btn-group " role="group">
                        <button type="button" class="btn danwei">默认</button>
                    </div>
                    <div class="btn-group" role="group">
                        <button type="button" class="btn danwei">件</button>
                    </div>
                    <div class="btn-group" role="group">
                        <button type="button" class="btn danwei">箱</button>
                    </div>
                </div>
                <br>
                <b class="text-left">颜色</b>
                <br>
                <div class="btn-group btn-group-justified Color" role="group" >
                    <div class="btn-group" role="group">
                        <button type="button" class="btn danwei">红色</button>
                    </div>
                    <div class="btn-group" role="group">
                        <button type="button" class="btn danwei">黄色</button>
                    </div>
                    <div class="btn-group" role="group">
                        <button type="button" class="btn danwei">白色</button>
                    </div>
                </div>
                <br>
                <b class="text-left ">尺码</b>
                <br>
                <div class="btn-group btn-group-justified Size" role="group" >
                    <div class="btn-group" role="group">
                        <button type="button" class="btn danwei">S</button>
                    </div>
                    <div class="btn-group" role="group">
                        <button type="button" class="btn danwei">M</button>
                    </div>
                    <div class="btn-group" role="group">
                        <button type="button" class="btn danwei">L</button>
                    </div>
                </div>
                <br>
                <b class="text-left ">款式</b>
                <br>
                <div class="btn-group btn-group-justified Style" role="group" >
                    <div class="btn-group" role="group">
                        <button type="button" class="btn danwei">春</button>
                    </div>
                    <div class="btn-group" role="group">
                        <button type="button" class="btn danwei">夏</button>
                    </div>
                    <div class="btn-group" role="group">
                        <button type="button" class="btn danwei">秋</button>
                    </div>
                    <div class="btn-group" role="group">
                        <button type="button" class="btn danwei">冬</button>
                    </div>
                </div>
            </div>-->
            <div class="modal-body">
                <div class="Unit">
                    <p>单位</p>
                    <div class="unit">
                        <button class="btn danwei danweiact">默认</button>
                        <button class="btn danwei">件</button>
                        <button class="btn danwei">箱</button>
                    </div>
                </div>
                <div class="Color">
                    <p>颜色</p>
                    <div class="color">
                        <button class="btn yanse coloract">红色</button>
                        <button class="btn yanse">黄色</button>
                        <button class="btn yanse">白色</button>
                    </div>
                </div>
                <div class="Size">
                    <p>尺码</p>
                    <div class="size">
                        <button class="btn chima chimaact">S</button>
                        <button class="btn chima">M</button>
                        <button class="btn chima">L</button>
                    </div>
                </div>
                <div class="Style">
                    <p>款式</p>
                    <div class="style">
                        <button class="btn kuanshi kuanshiact">春</button>
                        <button class="btn kuanshi">夏</button>
                        <button class="btn kuanshi">秋</button>
                        <button class="btn kuanshi">冬</button>
                    </div>
                </div>
                <div class="spBot">
                    <div>
                        <b>￥12.5(默认，红色，S，春)</b>
                    </div>
                    <div class="jisuan">
                        <img src="img/goodListNew/reduce.png" onclick="reduce()" style="width: 25px">
                        <input type="text" value="1" >
                        <img src="img/goodListNew/add.png" onclick="add()" style="width: 25px">
                    </div>
                </div>
            </div>

        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
</body>
</html>
